{extend name="public/base" /}
{block name="css_new"}


{/block}
{block name="pjax_container"}
<?php
    $titleTypeName = '我的积分';
?>

<style>
.content {
    box-sizing: border-box;
    height:1700px;
    margin-top: 25px;
  background-color: #fff;
}

.content-top {
    width: 100%;
    height: 650px;
}

.content-top-left {
    height: 100%;
}

.integral-date {
    width: 100%;
    height: 55%;
}

.integral-date-title {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ccc;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 3px;

}

.integral-date-title>h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin: 0 10px;
}

.integral-date-title>span {
    font-size: 28px;
}

.integral-date-body {
    width: 100%;
    height: 75%;
}

.integral-date-body-left {
    height: 100%;
    border-right: 1px solid #ccc;
       
}




.integral-date-body-left>div:nth-child(1) {
    width: 100%;
    height: 45%;
    letter-spacing: 2px;
    border-bottom: 1px solid #ccc;
}

.integral-date-body-left>div:nth-child(1)>p {
    font-size: 38px;
    text-align: center;
    padding-bottom: 5px;
}

.integral-date-body-left>div:nth-child(2) {
    width: 100%;
    height: 45%;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: space-around;
}

.integral-date-body-left>div:nth-child(2)>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.integral-date-body-left>div:nth-child(2)>div:nth-child(1) {
    border-right: 1px solid #ccc;
}

.integral-date-body-left>div:nth-child(2)>div>p {
    font-size: 28px;
}

.integral-date-body-right {
    display: flex;
    height: 100%;
}

.date-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.integral-list {
    width: 103%;
    height: 40%;
    display: flex;
    margin: 0 -12px;
    justify-content: space-around;
    background-color: #ecf0f5;
    align-items: center;
   
}

.integral-list>div {
    width: 25%;
    height: 80%;
    background-color: #fff;
    display: flex;
    border-radius: 10px;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
  
}


.integral-list div div p {
    font-size: 24px;
    text-align: center;
}

.integral-list div div {
    width: 90%;
    height: 50%;
 
    box-sizing: border-box;
}

.integral-list div div h4 {
    width: 90%;
    text-align: left;
}

.integral-list div div:nth-child(1) {
    border-bottom: 1px solid #ecf0f5;
}

.content-top-right {
    height: 107%;
    margin: -15px 0 -60px 0;
    background-color: #ecf0f5;
}

.content-top-right-title {
    margin-top: 10px;
    background-color: #fff;
    height: 100px;
    font-size: 24px;
    padding: 20px 0 0 30px;
    letter-spacing: 2px;
}

.content-top-right-body {
    height: 80%;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
}

.content-top-right-body div {
    width: 35%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 10px;
    background-color: #fafafa;
}

.content-top-right-body div>p {
    font-size: 35px;
}

.content-bottom {
    width: 100%;
    height: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-bottom-img {
    width: 100%;
    height: 55%;
    background-color: #ecf0f5;
}

.content-bottom-tap {
    width: 98%;
    margin: 0 auto;
    height: 55px;
    display: flex;
 
    padding: 17px 16px;
    border-bottom: 1px solid #ecf0f5;
}

.content-bottom-tap .active {
    color: #1890FF;
    border-bottom: 1px solid #1890FF;
}

.content-bottom-tap>div {
    width: 80px;
    margin: 0 5px;
    text-align: center;
    letter-spacing: .5px;
    height: 39px;
    cursor: pointer;
    color: #666;
    
}

.table {
    width: 60% !important;
    margin: 20px auto;
    
    background-color: #fff;
}

.table th {
    background-color: black;
    color: #fff;
    font-size: 18px;
    opacity: .8;
    height: 35px;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
}

.table td {
    height: 40px;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ccc !important;
}

#demo0{
    position: absolute;
    bottom: 0px;
    right: 10px;
}
.table-one{
text-align: center;
}
.table-one td{
    border: 1px solid #eee;
}


.content-header>.breadcrumb>li{
    color: #999;
}
.content-header>.breadcrumb>.active{
    color: #666;
}
.content-header{
    height: 51px;
 
}
.btn-primary{
      background-color: #1890FF;
    color: #fff;
    border: none;
    border-radius: 6px !important;
    margin-left: 15px;
    padding: 5px 10px; 
}
.box-primary{
  border-top-color: #ecf0f5 !important;
  border-top-width: 16px;
  
}
.btn-primary:hover{
     background-color: #1890FF;
    color: #fff;
    border: none;
    opacity: .9;
    border-radius: 6px !important; 
}
.delete-one{
    background-color: ff4141 !important;
    margin-left: 15px;
    border-radius: 6px;
}
.sreachs{
       background-color: #1890FF;
    color: #fff;
    border: none;
    border-radius: 6px !important;
    margin-left: 15px;
    padding: 7px 15px; 
}
</style>

<section class="content-header"  onload="opener.location.reload()">
    <ol class="breadcrumb">
        <li>积分管理</li>
        <li class="active">{$titleTypeName}</li>
    </ol>
</section>
<section class="content container-fluid">
<div class="row content-top">
    <div class="col-md-9 content-top-left">
        <div class="integral-date">
            <div class="integral-date-title">
                <span class="glyphicon glyphicon-menu-left"></span><h2>{$queryMonthStr}</h2><span class="glyphicon glyphicon-menu-right"></span>
            </div>
            <div class="integral-date-body" style=" color: #5f5f5f">
                   <div class="integral-date-body-left col-md-2">
                       <div>
                     
                           <h4>月度积分</h4>
                           <p style="color: #3c8fe8;">{$yearMonthList['monthFen']}</p>
                       </div>
                       <div>
                            <div>
                                <p style="font-size: 20px; color: #93cd30;">{$yearMonthList['monthJiangFen']}</p>
                                <h5>月度奖分</h5>
                            </div>
                           
                           <div>
                               <p style="font-size: 20px;color: #ff4141;">{$yearMonthList['monthKouFen']}</p>
                                <h5>月度扣分</h5>

                           </div>
                       </div>


                   </div>
                    <div class="integral-date-body-right col-md-10">
                        <div class="date-list">
                        <div id="chart" style="height: 150px; width: 150px;"></div>
                                <h2 style="color: #ffb812;font-size: 28px;">{$yearMonthList['rChang']}</h2>
                            <p>日常积分</p>
                        </div>
                        <div class="date-list">
                            <div id="chart2" style="height: 150px; width: 150px;"></div>
                            <h2 style="color: #93cd30; font-size:28px;">{$yearMonthList['guDing']}</h2>
                            <p>固定积分</p>
                        </div>
                        <div class="date-list">
                            <div id="chart3" style="height: 150px; width: 150px;"></div>
                        <h2 style="color: #8292fa; font-size:28px;">{$yearMonthList['qiTa']}</h2>
                            <p>其他得分</p>
                        </div>
                        <div class="date-list">
                            <div id="chart4" style="height: 150px; width: 150px;"></div>
                        <h2 style="color: #ffb812;font-size: 28px;">{$yearMonthList['integral_a_total']}</h2>
                            <p>A分得分</p>
                        </div>
                    </div>
            </div>
        </div>
        <div class="integral-list" >
            <div style="border-left: 5px solid #f3936d;">
                <div >
                    <h4 style="font-size: 14px; color: #5f5f5f;">累计积分</h4>
                    <p style="color: #f3936d;font-size: 22px;">{$yearMonthList['leiJiFen']}</p>
            
                </div>
                <div>
                    <h4 style="font-size: 14px; color: #5f5f5f;">累计排名</h4>
                    <p>{$yearMonthList['leiJiLevel']}</p>
            
                </div>
            </div>
            <div style="border-left: 5px solid #b67aee;">
                <div>
                    <h4 style="font-size: 14px; color: #5f5f5f;">年度积分</h4>
                    <p style="color:#b67aee;">{$yearMonthList['yearFen']}</p>
            
                </div>
                <div >
                    <h4 style="font-size: 14px; color: #5f5f5f;">年度排名</h4>
                    <p >{$yearMonthList['yearLevel']}</p>
                </div>
            </div>
            <div style="border-left: 5px solid #b67aee;">
                <div >
                    <h4 style="font-size: 14px; color: #5f5f5f;">月度积分</h4>
                    <p style="color:#b67aee;">{$yearMonthList['monthFen']}</p>
            
                </div>
                <div>
                    <h4 style="font-size: 14px; color: #5f5f5f;">月度排名</h4>
                    <p>{$yearMonthList['monthLevel']}</p>
                </div>
            </div>
        </div>


        </div>
    <div class="col-md-3 content-top-right">
        <div class="content-top-right-title">
            上月数据 
        </div>
        <div class="content-top-right-body">
            <div>
                <p>{$yearMonthList['shangMonthFen']}</p>
                <h4>上月积分</h4>
            </div>
            <div>
                <p>{$yearMonthList['shangMonthAFen']}</p>
                <h4>上月A分</h4>
            </div>
        </div>
    </div>

   
</div>
<div class="row content-bottom">
<div class="content-bottom-img">
    <div id="main" style="width: 100%;height:95%; margin: 0.5% auto;"></div>
</div>

<!--选项卡头部-->
<div class="content-bottom-tap">
    <div class="active">日常奖扣</div>
    <div>固定积分</div>
    <div>奖扣任务</div>
    <div>其它得分</div>
   
</div>
<!--选项卡内容-->
<section id="tab-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <table class="table table-bordered table-hover table-one">

                <tr>
                    <th>奖扣时间</th>
                    <th>事件名称</th>
                    <th>A分</th>
                    <th>B分</th>
                    <th>初审人</th>
                    <th>终审人</th>
                </tr>
            </table>
                <div id="demo0"></div>
        </div>
        <div class="swiper-slide">
            <table class="table table-bordered table-hover">

                <tr>
                    <th>固定积分名称</th>
                    <th>固定积分标准</th>
                    <th>实际得分</th>
                </tr>
                {foreach name="$tabList['guDing']" item="vo"}
                <tr>
                    <td>{$vo.name}</td>
                    <td>{$vo.integral}</td>
                    <td>{$vo.integral_b}</td>
                </tr>
                {/foreach}
            </table>
        </div>
        <div class="swiper-slide">
            <!--author:zj-->
            <table class="table table-bordered table-hover">
                <tr>
                    <th>任务名称</th>
                    <th>月份</th>
                    <th>任务指标</th>
                    <th>任务类型</th>
                    <th>未完成扣分类型</th>
                    <th>实际得分</th>
                </tr>
                {if condition="empty($tabList['jiangKou'])"}
                <tr><td colspan="6"></td></tr>
                {else}
                <tr>
                    <td>{$tabList.jiangKou.prize_buckle_task_name}</td>
                    <td>{$tabList.jiangKou.ym}</td>
                    <td>{$tabList.jiangKou.prize_integral_target}/{$tabList.jiangKou.prize_buckle_type == 1 ? '月' : '周'}</td>
                    <td>奖分任务</td>
                    <td>差额扣分</td>
                    <td>{$tabList.jiangKou.prize_integral_del}</td>
                </tr>
                <tr>
                    <td>{$tabList.jiangKou.prize_buckle_task_name}</td>
                    <td>{$tabList.jiangKou.ym}</td>
                    <td>{$tabList.jiangKou.buckle_integral_target}/{$tabList.jiangKou.prize_buckle_type == 1 ? '月' : '周'}</td>
                    <td>扣分任务</td>
                    <td>差额扣分</td>
                    <td>{$tabList.jiangKou.buckle_integral_del}</td>
                </tr>
                <tr>
                    <td>{$tabList.jiangKou.prize_buckle_task_name}</td>
                    <td>{$tabList.jiangKou.ym}</td>
                    <td>{$tabList.jiangKou.people_target}/{$tabList.jiangKou.people_type == 1 ? '日' : $tabList.jiangKou.people_type == 2 ? '周' : '月'}</td>
                    <td>奖扣人次任务</td>
                    <td>未完成人次任务扣分: {$tabList.jiangKou.man_deduct}</td>
                    <td>{$tabList.jiangKou.people_del_total}</td>
                </tr>
                <tr>
                    <td>{$tabList.jiangKou.prize_buckle_task_name}</td>
                    <td>{$tabList.jiangKou.ym}</td>
                    <td>{$tabList.jiangKou.rate_target}%/月</td>
                    <td>奖扣比例任务</td>
                    <td>差额扣分</td>
                    <td>{$tabList.jiangKou.rate_del}</td>
                </tr>
                {/if}
            </table>
            <!--author:zj-->
        </div>
        <div class="swiper-slide">
            <table class="table table-bordered table-hover">

                <tr>
                    <th >事件名称</th>
                    <th >实际得分(B分)</th>
                </tr>
              
                {if condition="!$tabList['qiTa']"}
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                {/if}
                {foreach name="$tabList['qiTa']" item="vo"}
                <tr>
                    <td>{$vo.leave_type} </td>
                    <td>{$vo.integral_b}</td>
                </tr>
                {/foreach}
            </table>
        </div>
    </div>
</section>
</div>

</section>
<script  type="application/javascript" >
    $(document).ready(function () {
        /*ajax页面加载icheck，有该控件的页面才需要*/
        $(".select2").select2({language:"zh-CN"});

    })
    $('.minimal').on('click',function () {
        var type = $(this).val();
        if (type == 1) {
            $('.check').show();
        } else if (type == 0) {
            $('.check').hide();
        }

    });

        let glyphiconLeft = $(".glyphicon-menu-left");
        let glyphiconRight = $(".glyphicon-menu-right");
        glyphiconLeft.parent().css("cursor", "pointer");
        var myDate = new Date();
        let date= document.querySelector(".integral-date-title>h2");
        let data =  JSON.stringify(date.innerText);
    
        if(myDate.getMonth()+1 ==  data.slice(7, 8)){
            glyphiconRight.css("color","#ccc");
            glyphiconRight.css("pointerEvents", "none");
        }
        if(myDate.getMonth()-1 ==  data.slice(7, 8)){
            glyphiconLeft.css("color","#ccc");
            glyphiconLeft.css("pointerEvents", "none");
        }
        glyphiconLeft.click(function(){
            window.location.href = "{:url('company/integral/myinte', ['ndate'=>$lYearMonth])}";
        })
        glyphiconRight.click(function () {
            window.location.href = "{:url('company/integral/myinte', ['ndate'=>$rYearMonth])}";
        })
        // .style.cursor = pointer;
        var tabs = new Swiper('#tab-container', {
            speed: 1000,
            on: {
                slideChangeTransitionStart: function () {
                    $('.content-bottom-tap .active').removeClass('active');
                    $('.content-bottom-tap  div').eq(this.activeIndex).addClass('active');
                }
            }
        })

        $(".content-bottom-tap  div").on('click', function (e) {
            e.preventDefault();
            $(".content-bottom-tap  .active").removeClass("active");
            $(this).addClass("active");
            tabs.slideTo($(this).index());

        })

    var rc_url = "{:url('Integral/myinteTabRChang')}";

    //总页数低于页码总数
    var currPage = 1;
    var limit = 11;
    var count = 0;
    var queryDate = "{$queryMonthStr}";

   let tableOne = document.querySelector(".table-one");

      
          function load(curr){

                $.ajax({
                  type: "post",
                  url: rc_url,//对应controller的URL
                  async: false,
                  dataType: 'json',
                  data: {
                        p: curr,
                        queryDate
                  },
                  success: function (ret) {
                      count = ret.count;
                      let list = ret.list;
                      for (let i = 0; i < list.length; i++) {
                          let trow = getDataRow(list[i]);
                        
                          tableOne.appendChild(trow);



                      }
                  }
              })
          }


    function getDataRow(h) {
        var row = document.createElement('tr'); //创建行

        var idCell = document.createElement('td'); //创建第一列id
        idCell.innerHTML = h.create_time; //填充数据
        row.appendChild(idCell); //加入行  ，下面类似

        var nameCell = document.createElement('td');//创建第二列name
        nameCell.innerHTML = "<a href='/company/integral/event_info/id/"+h.ipb_id+"'>"+h.name+"</a>";
        row.appendChild(nameCell);

        var jobCell = document.createElement('td');//创建第三列job
        jobCell.innerHTML = h.integral_a;
        row.appendChild(jobCell);


        //到这里，json中的数据已经添加到表格中，下面为每行末尾添加删除按钮

        var delCell = document.createElement('td');//创建第四列，操作列
              delCell.innerHTML = h.integral_b;
        row.appendChild(delCell);
               var firstCell = document.createElement('td');//创建第四列，操作列
        firstCell.innerHTML = h.first_check_user_name;
        row.appendChild(firstCell);

             var lastCell = document.createElement('td');//创建第四列，操作列
             
        lastCell.innerHTML = h.last_check_user_name;
        row.appendChild(lastCell);
       

      

        return row; //返回tr数据	 
    }
   
                 
        load();          

                

    layui.use(['laypage', 'layer'], function () {
        var laypage = layui.laypage
            , layer = layui.layer;
        laypage.render({
            elem: 'demo0'
            , count: count //数据总数
            , theme: '#67A5DF',
            curr: currPage,//当前页
            limit: limit,//每页的条数
            jump: function (obj, first) {
                if (!first) { //设置首次渲染分页无需走业务逻辑处理函数，不然会陷入死循环
                       let tr = document.querySelectorAll(".table-one>tr");
                       tr.forEach((item,index)=>{
                         
                             tableOne.removeChild(item);
                       })
                    //     while (tableOne.hasChildNodes()) //当div下还存在子节点时 循环继续
                    // {
                    //     tableOne.removeChild(tr[i]);
                    // }
                          
                        load(obj.curr);

                }

            }

        });

    })


    // 初始化图表标签
    var myChart = echarts.init(document.getElementById('chart'));
     var myChart2 = echarts.init(document.getElementById('chart2'));
        var myChart3 = echarts.init(document.getElementById('chart3'));
         // var myChart4 = echarts.init(document.getElementById('chart4'));
            var myChart5 = echarts.init(document.getElementById('main'));
             var dailyIntegral = "{:round($yearMonthList['rChangPercent'])}"; //日常积分
             var fixedIntegral = "{:round($yearMonthList['guDingPercent'])}";//固定积分
             var otherIntegral = "{:round($yearMonthList['qiTaPercent'])}";//其他积分
             var AIntegral = "{$yearMonthList['integral_a_total']}";//a分得分
         
    var options1 = {
    color: ['#ffb812', '#e0e0e0',"#ccc"],
       title: {
                show: true,
                text: dailyIntegral + '%',
                x: 'center',
                y: 'center',
                textStyle: {
                    fontSize: '15',
                    color: '#666',
                    fontWeight: 'normal'
                }
            },
            
            legend: {
                orient: 'vertical',
                x: 'left',
                show: false
            },
            series:
            {
                name: '',
                type: 'pie',
                radius: ['70%', '85%'],
                avoidLabelOverlap: true,
                hoverAnimation: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: false
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    { value: dailyIntegral, name: '' },
                    { value: 100 - dailyIntegral, name: '' }
                ]
            }


               

    };
    
     var options2 = {
            color: ['#93cd30', '#e0e0e0', "#ccc"],
            title: {
                show: true,
                text: fixedIntegral + '%',
                x: 'center',
                y: 'center',
                textStyle: {
                    fontSize: '15',
                    color: '#666',
                    fontWeight: 'normal'
                }
            },

            legend: {
                orient: 'vertical',
                x: 'left',
                show: false
            },
            series:
            {
                name: '',
                type: 'pie',
                radius: ['70%', '85%'],
                avoidLabelOverlap: true,
                hoverAnimation: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: false
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    { value: fixedIntegral, name: '' },
                    { value: 100 - fixedIntegral, name: '' }
                ]
            }




        };
    
     var options3 = {
            color: ['#1890FF', '#e0e0e0', "#ccc"],
            title: {
                show: true,
                text: otherIntegral + '%',
                x: 'center',
                y: 'center',
                textStyle: {
                    fontSize: '15',
                    color: '#666',
                    fontWeight: 'normal'
                }
            },

            legend: {
                orient: 'vertical',
                x: 'left',
                show: false
            },
            series:
            {
                name: '',
                type: 'pie',
                radius: ['70%', '85%'],
                avoidLabelOverlap: true,
                hoverAnimation: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: false
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    { value: otherIntegral, name: '' },
                    { value: 100 - otherIntegral, name: '' }
                ]
            }




        };
     var options4 = {
            color: ['#1890FF', '#e0e0e0', "#ccc"],
            title: {
                show: true,
                text: AIntegral + '%',
                x: 'center',
                y: 'center',
                textStyle: {
                    fontSize: '15',
                    color: '#666',
                    fontWeight: 'normal'
                }
            },

            legend: {
                orient: 'vertical',
                x: 'left',
                show: false
            },
            series:
            {
                name: '',
                type: 'pie',
                radius: ['70%', '85%'],
                avoidLabelOverlap: true,
                hoverAnimation: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: false
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [
                    { value: AIntegral, name: '' },
                    { value: 100 - AIntegral, name: '' }
                ]
            }




        };
    
      var option5 = {
            backgroundColor: "#fff",
          
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#93cd30'
                    }
                }
            },
           toolbox: {
              feature: {
                  dataZoom: {
                      yAxisIndex: 'none'
                  },
                  restore: {},
                  saveAsImage: {}
              }
          },
            legend: {
                data: ['奖分', '扣分']
            },
            xAxis: {
              type: 'category',
                data: {:json_encode($trendList['dayNum'])},
                 textStyle: {
                     color: "#1890FF"
                 }
               
            },
            yAxis: {
                　splitLine: {
                    show: false,
                    
                },
                 axisLabel: {
                    show: true,
                    textStyle: {
                         color: "#1890FF"
                    }
                },
                type: 'value'
                
            },
             dataZoom: [{
              type: 'inside',
              start: 0,
              end: 10
          }, {
              start: 0,
              end: 10,
              handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
              handleSize: '80%',
              handleStyle: {
                  color: '#fff',
                  shadowBlur: 3,
                  shadowColor: 'rgba(0, 0, 0, 0.6)',
                  shadowOffsetX: 2,
                  shadowOffsetY: 2
              }
          }],
            series: [
                {
                    name: '奖分',
                    type: 'line',
                    itemStyle: {
                        normal: {
                            color: '#1890FF',  //圈圈的颜色
                            lineStyle: {
                                color: '#1890FF'  //线的颜色
                            }
                        }
                    },
                    data: {:json_encode($trendList['jiangFen'])}
                },
                {
                    name: '扣分',
                    type: 'line',
                    itemStyle: {
                        normal: {
                            color: 'red',  //圈圈的颜色
                            lineStyle: {
                                color: 'red'  //线的颜色
                            }
                        }
                    },
                    data: {:json_encode($trendList['kouFen'])}
                }

            ]


        };
    
       myChart5.setOption(option5);
    myChart.setOption(options1);
    myChart2.setOption(options2);
     myChart3.setOption(options3);
        // myChart4.setOption(options4);
</script>



{/block}
